<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets" template="/template.xhtml">

    <ui:define name="content">
        <h2>Step 2: please setup your account info.</h2>
        <p> Flow bean name: #{registrationBean.name}</p>


        <h:messages globalOnly="true" showDetail="false" showSummary="true"/>
        <p>First Name: <h:inputText id="firstName" value="#{registrationBean.user.firstName}" /><h:message for="firstName"/></p>
        <p>Last Name: <h:inputText id="lastName" value="#{registrationBean.user.lastName}" /><h:message for="lastName"/></p>
        <p>Email: <h:inputText id="email" value="#{registrationBean.user.email}" /><h:message for="email"/></p>
        <p>Password: <h:inputSecret id="password" value="#{registrationBean.user.password}" /><h:message for="password"/></p>
        <p>Confirm Password: <h:inputSecret id="passwordConfirm" value="#{registrationBean.passwordConfirm}" /></p>

        <p><h:commandButton id="pre" value="back" action="registration" immediate="true"/></p>
        <p><h:commandButton id="next" value="next" action="#{registrationBean.confirm}" /></p>
    </ui:define>
</ui:composition>
